<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	
	<link rel="stylesheet" href="global.css"/>
</head>

<body>
	<div id="topContent">
		<div id="logo">&nbsp;</div>
		
		<div id="loginForm">
			<img src="images/star.png"/>
			<p>Vous êtes connecté!</p>
			<p>Bonjour Djib &hearts;</p>
		</div>
		<ul>
			<li><a href="index.html">ACCUEIL</a></li>
			<li><a href="profil.html">PROFIL</a></li>
			<li><a href="messages.html">MESSAGES</a></li>
			<li><a href="messalles.html">MES SALLES</a></li>
		</ul>
	</div>
	
	<div id="leftMenu">
		<div id="links">
			<table>
				<tr>
					<td><a href="messages.html"><img src="images/message.png"/></a></td>
					<td><a href="groups.html"><img src="images/groups.png"/></a></td>
					<td><a href="favoris.html"><img src="images/star.png"/></a></td>
				</tr>
			</table>
		</div>
		<div id="arrow">&nbsp;</div>
		<div class="content">
			<div class="rubrique">
				<h3><img src="images/star.png"/>Top des salles<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Post les plus aimés<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Utilisateurs connectés :<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<div id="mainContent">
		<div class="content">
			<h3>MES MESSAGES :</h3>
			<div class="messages">
			
			<a href="">
				<div class="messagePrive" state="unread">
					<table>
						<tr>
							<td class="pic"><img src="photos/djib.jpg"></td>
							<td>
								<h4>Djib</h4>
								<p>
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
								</p>
								<span class="dateHeure"> il y a 13 minutes</span>
							</td>
							<td class="icons">
								<span class="unreadIcon"></span>
								<span class="deleteIcon"></span>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</a>
			
			<a href="">
				<div class="messagePrive">
					<table>
						<tr>
							<td class="pic"><img src="photos/bojda.jpg"></td>
							<td>
								<h4>Bojda</h4>
								<p>
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
								</p>
								<span class="dateHeure"> il y a 13 minutes</span>
							</td>
							<td class="icons">
								<span class="unreadIcon"></span>
								<span class="deleteIcon"></span>
							</td>
						</tr>
					</table>
				</div>
			</a>
			
			<a href="">
				<div class="messagePrive">
					<table>
						<tr>
							<td class="pic"><img src="photos/gaetan.jpg"></td>
							<td>
								<h4>Gaetan</h4>
								<p>
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
									Coucou enculé !Coucou enculé !Coucou enculé !Coucou enculé !
								</p>
								<span class="dateHeure"> il y a 13 minutes</span>
							</td>
							<td class="icons">
								<span class="unreadIcon"></span>
								<span class="deleteIcon"></span>
							</td>
						</tr>
						</tbody>
					</table>
				</div>
			</a>
			
			</div>
			
		</div>
	</div>
	

</body>
</html>

